<template>
   <div role="tabpanel" class="tab-panel active" id="home">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
                <router-link to="/home/message"  aria-controls="Message" role="tab" data-toggle="tab">Message</router-link>
            </li>
            <li role="presentation">
                <router-link to="/home/news" aria-controls="News" role="tab" data-toggle="tab">News</router-link>
            </li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <!-- 二级路由 -->
            <router-view></router-view>
            
        </div>
    </div>
</template>

<script>
export default {
  name: 'Home',
  mounted(){
    console.log('home组件挂载');
  }
}
</script>

<style scoped>

</style>
